html,
body { overflow:hidden; margin: 0; padding:0; }
#body { overflow:hidden; height:100%; width:100%; border:none; min-width:960px; }
/*header*/
.header { background:url(tile_bg.gif) repeat-x; height:74px; position:relative; z-index:7000; }
.pointer { cursor:pointer; }
.over { overflow:hidden; }
.header-inner { height:30px; }
.header a { color: #33404d; text-decoration:none }
.top-bar { font-family:Arial; color: #333; white-space: nowrap; padding:0 0 0 10px; line-height: 27px; height:27px; }
.head-user { color:#000; padding-right:10px; background:url(topbar.png) no-repeat -100px -3px; width:auto; }
.head-opts { background:url(topbar.png) no-repeat 0 -3px; padding-left:35px }
.top-bar a { color:#3F4D69; padding:2px 5px; }
.top-bar .head-user a:hover,
.top-bar .head-opts a:hover { background:#6888C8; color:#fff; box-radius:5px 5px 5px 5px; -moz-border-radius:5px 5px 5px 5px; -webkit-border-radius:5px 5px 5px 5px; box-shadow:0px 3px 7px #999; -moz-box-shadow:0px 3px 7px #999; -webkit-box-shadow:0px 3px 7px #999; }
.logo { float:left; line-height:30px; height:30px; overflow:hidden; margin: 0 10px 0 0; color:#000; padding: 0 0 0 5px; font-size: 26px; }
.logo a { text-decoration:none; }
.head-license { font-size:9px; font-weight:normal; color:#ccc; }
.main-menu { }
.rpcnotify i { color:#ff3300; }
.head-opts .num { font-size: 10px; font-style: normal; color: #fff; }
.head-nav { padding:10px 10px 0; overflow:hidden; height:28px; clear:both; }
.head-nav a,
.head-nav a:hover { text-decoration:none; }
.head-nav dl { float: left; margin:0 2px 0 0; display:block; }
.head-nav dd { visibility:hidden; position:absolute; margin:0; *margin-top:-4px;
width:330px; background:#fff; z-index:65535; border:1px solid #5378BF; box-radius:0 0 5px 5px; -moz-border-radius:0 0 5px 5px; -webkit-border-radius:0 0 5px 5px; box-shadow:0px 3px 7px #999; -moz-box-shadow:0px 3px 7px #999; -webkit-box-shadow:0px 3px 7px #999; }
.head-nav dt a { background:url(main_bg.gif) no-repeat -289px 0; color:#4b5f87; cursor:pointer; float:left; font-size:14px; height:27px; line-height:27px; *line-height:29px;
padding:0 0 0 18px; }
.head-nav dt span { background:url(main_bg.gif) no-repeat right 0; float:left; padding:0 18px 0 0; }
.head-nav dt a:hover { background-position: -289px -80px; color:#334b79; }
.head-nav dt a:hover span { background-position: right -80px; }
.head-nav a.current,
.head-nav a.current:hover { background-position: -289px -40px; color:#fff; }
.head-nav a.current span,
.head-nav a.current:hover span { background-position: right -40px; }
.head-nav ul { margin:0; padding:2px; zoom:1; }
.head-nav ul ul { position:static; width:auto; border:none; overflow:hidden; zoom:1; -moz-box-shadow:none; }
.head-nav li { zoom:1; border-bottom:1px solid #ccc; list-style:none; font-weight: normal; }
.head-nav li.last { border-bottom:none; }
.head-nav li.group_handle a { background:url("ico_arrow1.gif") no-repeat 95% center; }
.head-nav li a { display: block; cursor:default; color:#294377; zoom:1; padding:1px 5px; line-height: 20px; }
.head-nav li a:hover { background-color:#6A8ACA; color:#fff; border:none; cursor:pointer; }
.head-nav li .head-nav-sub { color:#222; font-weight:bold; padding:5px 0 0 7px; }
.head-nav li .head-nav-sub:hover { color:#222; background:none; cursor:default; }
.head-nav li.group_handle ul a { background-image:none; cursor:pointer; }
.head-nav ul li { line-height:25px; }
.head-nav ul li.last { border-bottom:none; }
.head-nav li li,
.head-nav li li a { float:left; border:none; }
.head-nav-setting ul { width:auto; }
.head-nav-setting dd { width:150px; }
.head-nav-setting dt a { background:none; font-size:12px; height:20px; line-height:normal; padding:8px 2px 0; }
.head-nav-setting li a:hover { background:none; color:#294377; }
.head-nav-setting dt span { background:none; padding:0; }
.head-nav-setting li { padding:2px; }
a.begin { background: #efefef; border: 1px #eaeff5 solid; color: #333; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; }
a.begin:hover { color: #fff; }
.loading { background:url(loading.gif) no-repeat center center!important; }
/*---------------------------------------------------------------------------------------------------------------
	favor
 ---------------------------------------------------------------------------------------------------------------*/
.favor { position:relative; line-height:25px; }
.favor .x-drop-menu { border-color: #666; z-Index:7004; clear:both; float:none; overflow:hidden; }
.favor .x-drop-menu li { float:left; margin-right: 5px; white-space:nowrap; line-height:22px; }
.favor .x-drop-menu .clear { border-top: 1px #ccc dotted; float:none; clear:both; }
.favor-handle { padding:1px 10px 1px 10px; background:url(arrow-down.gif) no-repeat 98% 50%; position:relative; z-index: 7005; text-decoration: none; display:inline-block; zoom:1; }
.favor-active .favor-handle { border:1px #666 solid; border-bottom: none; padding:0 9px 0 9px; background-color:#fff; color:#333; }
/*main style*/
#container{position:relative;overflow:hidden;}
div.side,
div.workground,
.toggler-left
div.side-r { height:100%; margin:0;position:absolute;top:0;left:0;}
.side { background:#eaeef4; z-index:10; overflow-y: auto; }
.side-inner { height: 100%; }
.toggler-left { cursor:pointer; width:7px; height: 100%; background:#FFF url(left-toggler.png) no-repeat 100% 50%; border-right:1px #fff solid;position:absolute;top:0;left:0; }
.toggler-left-inner { display:block; width:7px; background:#FFF; height:100%; overflow:hidden; text-indent:-2000px; }
.toggler-left-inner:hover { background:#FFF url(left-toggler.png) no-repeat 1px 50%; }
.toggler-left.fixed { visibility:hidden; }
.workground { background: #fff;overflow:hidden; width:100%; padding:0 5px 0 8px; }
.content-main {height:100%;position:relative;zoom:1;overflow:auto}
.content-foot .table-action { background: #f0f5f9; padding: 1px 0; border: none; margin-top: 0; }
.side-r { background:#EBEFF4; border-left:1px solid #d4d4d4; margin:0; padding:3px; position:relative; }
.side-r-resize { height:100%; position:absolute; top:0; left:-5px; width:5px; cursor:col-resize; z-index:60000; }
.side-r-resize-ing { background:#4F6596; }
.side { position: relative; }
.side a { color: #3f4d69; display: block; text-decoration:none }
.side .first { border-top:none; }
.side-title { background: url(side_bg.gif); font-size:14px; font-weight:bold; height:25px; line-height:25px; padding: 3px 0 2px 7px; margin:0 0 10px; }
.side-bx { border-bottom:1px solid #c1cfe2; border-top:1px solid #fff; margin:0 6px; }
.side-bx ul,
.side-bx li { margin: 0; }
.side-bx ul { padding: 1px 0 5px; }
.side-bx li { padding: 0; margin:0 0 1px; list-style: none; }
.side-bx a { padding: 2px 18px; zoom:1; text-decoration:none; }
.side-bx a:hover { background:#d8dde9; text-decoration:none; color:#3C5283 }
.side-bx .current,
.side-bx .current:hover { background:url(side_bg.gif) 0 -117px; color:#fff; padding:2px 18px; }
.side-bx-title-inner { }
.side-content { padding:6px 0; }
.side-content h2 { margin: 10px 0 3px; }
.side-content h2 a { text-align: left; font-size:14px; padding: 0 0 0 30px; font-weight:bold; color: #354952; }
.side-bx-title h3 { background:url(side_bg.gif) no-repeat 0 5px; cursor:pointer; margin: 0; padding:4px 5px 4px 18px; font-size: 12px; color: #000; line-height: 22px; font-weight: bold; }
.side-bx-toggled h3 { background-position: 0 -48px; }
.icon-manage-handle { background: url(ico_manage_handle.gif) no-repeat; right: 5px; top: 8px; display: block; text-indent: -9999px; position: absolute; overflow: hidden; width: 12px; height: 12px; }
.icon-manage-handle:hover { background-position: 0 -12px; }
h5.head-title { border-bottom:1px solid #ddd; padding:5px 0 }
/*nav-bar*/
.nav-bar { background: #f0f6fe; height: 25px; line-height: 25px; padding: 0 5px; margin: 2px 0; }
.nav-bar span { margin: 0 3px; }
.nav-bar a { color: #606e8d; }
.nav-bar .btn span { background-position: 0 -178px; font-size:12px; text-align:center; height: 19px; line-height: 19px; color: #7f91a5; }
.nav-bar .btn span span { background-position: right -178px; height: 19px; line-height: 19px; margin:0 }
.nav-bar .frt { padding:0 1px; text-align:center; height:20px; line-height:20px; margin-top:2px }
/*flow*/


/*admin panel*/
.admin-panel { }
.admin-panel .group { padding:5px; margin:5px; overflow:hidden; width:30%; zoom:1; /*border:1px #e9e9e9 solid;border-bottom-color:#ccc;border-right-color:#ccc;*/
    border-bottom:#e9e9e9 dotted 1px; }
.admin-panel .last { border:none; }
.admin-panel .item { margin:0 0 10px 80px; padding:10px 0 0 0; width:226px; }
.admin-panel ul { margin: 0; }
.admin-panel li { float:left; list-style:none; display:block; margin:0 5px 0 0; overflow:visible;}
.admin-panel li a {display:block; line-height:20px; padding:0 5px 0 5px; border:1px #fff solid; }
.admin-panel li a:hover { background:#6A8ACA; color:#FFFFFF; text-decoration:none; }
.admin-panel h4 { margin:0 0 10px; }
/*dashboard*/
.widgets { padding:5px 0 0; }
.widgets .wcol { width:48%; overflow:hidden; }
.widgets .item { margin:0 10px 10px 0; }
.widgets .gridlist-head,
.widgets .row { padding-left:4px; }
.widgets .gridlist-action { padding:0; height:auto; }
.widgets .last { border-bottom:none; }
.widfets-del { display:block; width:14px; height:14px; background:url(del_icon.gif) no-repeat; float:right; margin:5px 0 0 10px }
.dashbd-action { display:none; background: url(tile_bg.gif) repeat-x 0 -800px; color: #425a78; height: 25px; overflow: hidden; border-left:1px solid #D6DCE4; border-right:1px solid #E3E8EC; _padding-top:4px; }
.dashbd-bd { background:#fff; }
.dashbd-head { background: url(tile_bg.gif) repeat-x 0 -859px; height:31px; padding-top:14px; padding-left:8px; overflow:hidden; }
.dashbd-head span { width:auto; padding:6px 6px 0; float:right; }
.dashbd-head th,
.dashbd-head td { background: url(tile_bg.gif) 0 -300px; padding:0 2px; text-align:left; }
.dashbd-headl { background: url(main_bg.gif) 0 -40px; width:99px; height:31px; color:#FFF; font-weight:bold; text-align:center; line-height:28px; float:left; }
.dashbd-heads { background: url(main_bg.gif) 0 -80px; width:89px; height:31px; color:#FFF; font-weight:bold; text-align:center; line-height:28px; }
.dashbd-list { background: #fff; color: #5b5b5b; border-collapse:collapse; border: 1px solid #E3E8EC; height:auto }
.dashbd-list-height { height:267px; *height:272px;
height:268px\0; overflow-y:auto }
.dashbd-list h4 { color:#000; padding:10px 0 3px; margin:0; font-weight:normal; font-size:12px; }
.dashbd-figure { color:#FF6900; padding-left:2px; }
.figure-zero a,
.figure-zero a:hover { color:#7b7b7b; font-weight:normal; }
.figure-zero .dashbd-figure { color:#b2b2b2; }
.dashbd-row { line-height:20px; border-bottom: 1px solid #D6DCE4; overflow:hidden; padding:0 0 5px 10px; }
.dashbd-row table { width:auto; }
.dashbd-row td { width:95px; white-space:nowrap; padding:0; vertical-align:top; font-weight:bold; }
.dashbd-notice { background-color: #FFF; color: #514721; border:1px solid #D2DBE1; margin-bottom: 1em; width:98%; height:100px; padding:4px 0px 4px 3px; }
.dashbd-notice-title { width:14%; float:left; padding:3px 14px 0px 4px; }
.dashbd-notice-title h4 { color:#4B5F87; background-color:#E2E5EC; text-align:center; padding:3px 0 2px 0; }
.dashbd-notice-info { width:80%; float:left; color:#20749A; }
.dashbd-notice-info ul { padding:0; margin:0; }
.dashbd-notice-info li { list-style:none; border-bottom:1px solid #E3E8EC; line-height:22px; white-space:nowrap; }
.dashbd-notice-statistics { width:49%; float:left; font-weight:normal; }
.dashbd-notice-statistics span { width:45%; padding-right:10px; color:#333; display: -moz-inline-stack; display: inline-block; *display: inline;
}
/*app*/
.appbox h5 { margin-left:10px; margin-top:10px }
.appbox .appName { margin-left:10px; color:#264409 }
.appbox div.loader { padding-left:20px; color:#264409 }
.appbox .csolinfo { width:70%; float:left; margin-left:20px }
.appbox .csol { width:12%; margin-right:20px; float:right }
.apptip { overflow:auto; text-align:center; margin:5px auto; }
.apptip .box { float:left; width:120px; height:18px; line-height:18px; margin-left:2em; margin-bottom:1em; background:none repeat scroll 0 0 #E7EFF5; }
.apptip .loading { background:#E7EFF5 url(load.gif) no-repeat 10px 5px!important; text-indent:30px; padding-right:10px }
.apptip .complete { background-color: #EDFFCF; color: #264409; }
.apptip .error2 { background-color: #FBE3E4; color: #8a1f11; }
/*analysis*/
.top_extra .data-action { margin-bottom:10px; }
.top_extra .large { padding:3px; background:#e4e4e4; line-height:120%; margin-bottom:10px; }
.top_extra .large .ColColorOrange { border:1px solid #c0bebf; padding-top:1em; padding-bottom:1em; }
.top_extra .ColColorOrange .span-auto { background-position:0 10px; }
.chart-view h5 { color:#495f86; line-height:22px; margin-right:5px; }
.product-top { height:auto; overflow:hidden; }
.product-top .items { padding-top:8px; overflow:hidden; list-style:none; }
.product-top .items img { border:1px solid #ccc; width:50px; height:60px }
.product-top .items li { width:18%; margin-left:2%; }
.product-top .items em { color:red; font-weight:bold; font-style:italic; font-size:18px; }
.product-top .top-info { width:50px; }
.product-top .goods-info { width:130px; margin-left:10px; }
.product-top .goods-info strong { font-size:18px; }
.sale-top .items { list-style:none; }
.sale-top .items img { border:1px solid #ccc; width:40px; height:45px }
.sale-top .sort-items li { margin-top:10px; }
.sale-top .sort-items .goods-info { margin-left:8px; font-size:12px; }
.sale-top .graph { height:10px; }
.shopsale .span-auto { width:120px; margin:30px 10px; }
.shopsale .span-auto span { display:block }
.shopsale .ColColorOrange { height:200px; padding-left:35px }
.top_extra .infobox { border:1px solid #c0bebf; }
.top_extra .span-auto { margin-left:20px; }
.top_extra .chart-items,
.top_extra .items { height:100%; *height:auto;
}
